<template>
  <view class="index">
    <nut-backtop>
      <template v-slot:content>
        <!-- <Banner-Box /> -->
        <Info-Box @title="getTitle" />
        <Tab-Bar />
      </template>
    </nut-backtop>
  </view>
</template>

<script>
import Taro, { useRouter, } from '@tarojs/taro';
import { reactive, toRefs } from 'vue';
// import BannerBox from './components/BannerBox.vue';
import InfoBox from './components/InfoBox.vue';
import TabBar from './components/TabBar.vue';
export default {
  name: 'productDetail',
  components: {
    // 'Banner-Box': BannerBox,
    'Info-Box': InfoBox,
    'Tab-Bar': TabBar,
  },
  setup() {
    const state = reactive({
      title: ''
    });
    Taro.showShareMenu({
      withShareTicket: true
    })
    const getTitle = (val) => {
      state.title = val
    }
    return {
      ...toRefs(state), getTitle
    }
  }
}
</script>

<style lang="scss">
.index {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #F6F9FD !important;
  position: relative;
  padding-bottom: 100rpx;

  .nut-backtop.show {
    margin-bottom: 150rpx;
  }
}
</style>
